<script setup lang="ts">
// //
// import { getHomeBannerApi } from '@/services/home/home'
// import { ref } from 'vue'
// import type { BannerItem } from '@/types/home'
// import { onLoad } from '@dcloudio/uni-app'
// import { getCategoryTopAPI } from '@/services/category/category'
// import type { CategoryTopItem } from '@/types/category'
// import PageSkeleton from '@/pages/category/components/PageSkeleton.vue'
//
// // 轮播图数据
// const bannerList = ref<BannerItem[]>([])
// // 分类数据
// const categoryTopList = ref<CategoryTopItem[]>([])
// // 当前选择的分类
// const activeIndex = ref(0)
// // 加载情况
// const isLoading = ref(true)
//
// // 获取轮播图数据
// const getBannerData = async () => {
//   const res = await getHomeBannerApi(2)
//   bannerList.value = res.result
// }
//
// // 获取分类数据
// const getCategoryTopData = async () => {
//   let res = await getCategoryTopAPI()
//   categoryTopList.value = res.result
// }
//
// onLoad(async () => {
//   isLoading.value = true
//   await Promise.all([getBannerData(), getCategoryTopData()])
//   isLoading.value = false
// })
</script>

<template>
<!--  <PageSkeleton v-if="isLoading" />-->
<!--  <view v-else class="viewport">-->
<!--    &lt;!&ndash; 搜索框 &ndash;&gt;-->
<!--    <view class="search">-->
<!--      <view class="input">-->
<!--        <text class="icon-search">女靴</text>-->
<!--      </view>-->
<!--    </view>-->
<!--    &lt;!&ndash; 分类 &ndash;&gt;-->
<!--    <view class="categories">-->
<!--      &lt;!&ndash; 左侧：一级分类 &ndash;&gt;-->
<!--      <scroll-view class="primary" scroll-y="true">-->
<!--        <view-->
<!--          v-for="(item, index) in categoryTopList"-->
<!--          :key="item"-->
<!--          class="item"-->
<!--          :class="{ active: index === activeIndex }"-->
<!--          @tap="activeIndex = index"-->
<!--        >-->
<!--          <text class="name"> {{ item.name }}</text>-->
<!--        </view>-->
<!--      </scroll-view>-->
<!--      &lt;!&ndash; 右侧：二级分类 &ndash;&gt;-->
<!--      <scroll-view class="secondary" scroll-y="true">-->
<!--        &lt;!&ndash; 焦点图 &ndash;&gt;-->
<!--        <TtscSwiper class="banner" :bannerList="bannerList" />-->
<!--        &lt;!&ndash; 内容区域 &ndash;&gt;-->
<!--        <view-->
<!--          class="panel"-->
<!--          v-for="(item, index) in categoryTopList[activeIndex].children"-->
<!--          :key="index"-->
<!--        >-->
<!--          <view class="title">-->
<!--            <text class="name">{{ item.name }}</text>-->
<!--            <navigator class="more" hover-class="none">全部</navigator>-->
<!--          </view>-->
<!--          <view class="section">-->
<!--            <navigator-->
<!--              v-for="goods in item.goods"-->
<!--              :key="goods.id"-->
<!--              class="goods"-->
<!--              hover-class="none"-->
<!--              :url="`/pages/goods/goods?id=${goods.id}`"-->
<!--            >-->
<!--              <image class="image" :src="goods.picture"></image>-->
<!--              <view class="name ellipsis">{{ goods.name }}</view>-->
<!--              <view class="price">-->
<!--                <text class="symbol">¥</text>-->
<!--                <text class="number">{{ goods.price }}</text>-->
<!--              </view>-->
<!--            </navigator>-->
<!--          </view>-->
<!--        </view>-->
<!--      </scroll-view>-->
<!--    </view>-->
<!--  </view>-->
</template>

<style>
page {
  height: 100%;
  overflow: hidden;
}

</style>
